<template>
	<view>
		<NavBar text='费用详情' />
		<view style="width: 100%; height: 125rpx;"></view>
		<view class="fystyle">
			<view class="fystyle_margin">
				<view class="fystylesy flx1">
					<view class="fystylesytext">单据号</view>
					<view class="fystylesytext_">{{info.number}}</view>
				</view>
				<view class="fystylesy flx1">
					<view class="fystylesytext">项目编号</view>
					<view class="fystylesytext_">{{info.xmnumber}}</view>
				</view>
				<view class="fystylesy flx1">
					<view class="fystylesytext">项目</view>
					<view class="fystylesytext_">{{info.object}}</view>
				</view>
				<view class="fystylesy flx1">
					<view class="fystylesytext">开单科室</view>
					<view class="fystylesytext_">{{info.kdks}}</view>
				</view>
				<view class="fystylesy flx1">
					<view class="fystylesytext">执行科室</view>
					<view class="fystylesytext_">{{info.zxks}}</view>
				</view>
				<view class="fystylesy flx1">
					<view class="fystylesytext">开单医生</view>
					<view class="fystylesytext_">{{info.dortor}}</view>
				</view>
				<view class="fystylesy flx1">
					<view class="fystylesytext">开单时间</view>
					<view class="fystylesytext_">{{info.date}}</view>
				</view>
				<view class="fystylesy flx1">
					<view class="fystylesytext">费别</view>
					<view class="fystylesytext_">{{info.label}}</view>
				</view>
				<view class="fystylesy flx1">
					<view class="fystylesytext">费用</view>
					<view class="fystylesytext_" style="color: red; font-weight: 600;"><span>￥</span>{{info.fb}}</view>
				</view>
			</view>
		</view>

		<view class="button" @click="lijz">
			立即支付
		</view>
	</view>
</template>

<script>
	import NavBar from '@/components/NarBar.vue'
	export default {
		components: {
			NavBar
		},
		data() {
			return {
				info: {
					number: 'P1202929123213242132',
					xmnumber: '002',
					object: '西药费',
					kdks: '骨科',
					zxks: '骨科',
					dortor: '张三三',
					date: '2023-03-02 13:22',
					label: '普通',
					fb: '20.00元'
				}
			}
		},
		methods:{
			lijz(){
				uni.navigateTo({
					url:'/pages/OnlineConsultation/ljjf'
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #f7f7f7;
	}

	.fystyle {
		width: 100%;
		background-color: #fff;
		.fystyle_margin{
			width: 90%;
			margin:0 auto;
			.fystylesy{
				.fystylesytext{
					width: 30%;
					line-height: 100rpx;
				}
				.fystylesytext_{
					line-height: 100rpx;
				}
			}
		}
	}
	
	.button{
		width: 70%;
		margin:0 auto;
		background-color: #ff9900;
		line-height: 90rpx;
		color: #fff;
		text-align: center;
		letter-spacing: 1rpx;
		border-radius: 40rpx;
		margin-top: 80rpx;
	}
</style>